<template>
  <view class="content">
    <image src="/static/logo.png" class="log"></image>
    <view class="text-w">降杆</view>
    <image :src="setting.oss_pub_domain + '/app-img/start/start-text.png'" mode="widthFix" class="uni-mt-60" style="width: 100vw"></image>
    <view class="uni-color-grey uni-mt-14">成就你的专属教学体系</view>
  </view>
  <view class="bottom-button" @click="start">开始降杆之旅</view>
</template>

<script setup>
function start() {
  uni.setStorageSync('start-state', 1);
  uni.reLaunch({
    url: '/pages/tabbar-page/tabbar-0'
  });
}
</script>

<style lang="scss">
.content {
  width: 100vw;
  height: 100vh;
  background: url($oss_pub_domain + '/app-img/start/start-bg.png') no-repeat;
  background-size: 100% 100%;
  text-align: center;
  box-sizing: border-box;
  padding-top: 18vh;
}
.log {
  width: 128rpx;
  height: 128rpx;
}

.bottom-button {
  width: 520rpx;
  height: 96rpx;
  line-height: 96rpx;
  text-align: center;
  background: #008965;
  color: #fff;
  border-radius: 16rpx;
  font-size: 32rpx;
  position: fixed;
  bottom: 64rpx;
  left: 115rpx;
}
</style>
